import React from 'react'
import '../css/Share.css'
export default function Share({ onClose }) {
    let closeClick = () => {
        onClose(false)
    }
    return (
        <div>
            <div className='share'>
                <p className='share_title'>分享到</p>
                <img
                    src={process.env.PUBLIC_URL + '/imgs/fas fa-times M7jRAhK@1x.png'}
                    className='close'
                    alt=''
                    onClick={closeClick}
                />
                <div className='share_img'>
                    <div className='img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/图片qq.png'} alt='' />
                        <p>QQ</p>
                    </div>

                    <div className='img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/图片wb@1x.png'} alt='' />
                        <p>微博</p>
                    </div>
                    <div className='img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/图片wb.png'} alt='' />
                        <p>微信</p>
                    </div>

                </div>

                <div className='min_share_img'>
                    <div className='min_img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/fas fa-paper-plane yiDqB7z@1x.png'} alt='' />
                        <p>私信</p>
                    </div>
                    <div className='min_img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/fas fa-user-circle iaBpCws@1x.png'} alt='' />
                        <p>好友</p>
                    </div>
                    <div className='min_img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/fas fa-arrow-circle-down p6yzcBB@1x.png'} alt='' />
                        <p>保存至本地</p>
                    </div>
                    <div className='min_img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/fas fa-link wMBK8yf@1x.png'} alt='' />
                        <p>复制链接</p>
                    </div>
                    <div className='min_img_item'>
                        <img src={process.env.PUBLIC_URL + '/imgs/fas fa-qrcode BwIvPDp@1x.png'} alt='' />
                        <p>生成二维码</p>
                    </div>
                </div>
            </div>
        </div>
    )
}
